$(() => {
    // 校验用户是否登录
    // 根据cookie校验
    // 获取用户名
    let username = getCookie('username');
    if (username) {
      // 将用户名渲染和退出页面中
      $('.header-right').html(`<li><a href="" >欢迎尊贵的vip <span style="color:#ff6700">${username}</span></a><span>|</span></li>
      <li class="exit"><a href="javascript:;" >退出登录</a><span>|</span></li>   
       <li><a href="#">消息通知</a></li>
      <li class="cart">
          <a href="../HTML/shoppingCart.html">
              <i class="iconfont">&#xe653;</i>
              购物车(0)
          </a>
          <div class="cart-list">
              购物车中还没有商品，赶紧选购吧！
          </div>
      </li>`)
      // 用户登录信息渲染之后,给退出点击事件,完成退出
      $('.exit').click(() => {
        // 使用一个 提示弹出层
        let index = layer.confirm('你真的要退出吗?', () => {
          // 点击确定
          // 清除cookie
          delCookie('username');
          // 关闭弹出层
          layer.close(index);
          // 渲染登录注册
          $('.header-right').html(` <li><a href="./delu.html">登录</a><span>|</span></li>
          <li><a href="./zuce.html">注册</a><span>|</span></li>
          <li><a href="#">消息通知</a></li>
          <li class="cart">
              <a href="">
                  <i class="iconfont">&#xe653;</i>
                  购物车(0)
              </a>
              <div class="cart-list">
                  购物车中还没有商品，赶紧选购吧！
              </div>
          </li>
          `)
        }, () => {
          layer.msg('你已经取消退出');
        })
  
  
      })
  
  
  
    } else {
      // 渲染登录注册
      $('.header-right').html(` <li><a href="./delu.html">登录</a><span>|</span></li>
      <li><a href="./zuce.html">注册</a><span>|</span></li>
      <li><a href="#">消息通知</a></li>
      <li class="cart">
          <a href="#">
              <i class="iconfont">&#xe653;</i>
              购物车(0)
          </a>
          <div class="cart-list">
              购物车中还没有商品，赶紧选购吧！
          </div>
      </li>
      `)
    }
  })